<template>
	<view class="loadmore-container">
		<view class="more-wrapper">
			<u-loadmore v-if="isMore" line status="nomore" nomoreText="暂无更多内容" color="#909399"></u-loadmore>
			<u-loadmore v-if="showLoadmore" status="loading" loadingIcon="circle" color="#909399"></u-loadmore>
		</view>
		
		<view class="empty-wrapper" v-if="isEmpty">
			<u-empty text="空空如也~" icon="/static/empty/order.png"></u-empty>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Loadmore",
		props: {
			isMore: {
				type: Boolean,
				default: false
			},
			showLoadmore: {
				type: Boolean,
				default: false
			},
			isEmpty: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.loadmore-container {
		.more-wrapper {
			padding: 5px 0px;
		}
		
		.empty-wrapper {
			padding: 60px;
		}
	}
</style>